<!doctype HTML>
<style>
body {
    background: grey;
    width: 394px;
}
.column {
    width: 295.4px;
    padding-left: 10.4px;
}

.red-background {
    background: red;
    position: relative;
    overflow: hidden;
    border-radius: 1px;
    height: 100px; 
}

.black-background {
    height: 100px;
    background: black;
    color: white;
    width: 200px;
    margin-left: 95.3px;
}
</style>
<!-- There should not be any red visible to the right of the black square. -->
<div class="column">
    <div>
        <div class="red-background">
            <div class="black-background"></div>
        </div>
    </div>
</div>